<template>
	<view class="about_page">
		<nav-bar title="关于我们" :shadow="false"></nav-bar>
        <!-- 公共组件-每个页面必须引入 -->
        <public-module></public-module>
		<view class="logo"><image :src="aboubUs.logo" mode="aspectFit"></image></view>
        <view class="name">{{ base.platformName }}</view>
        <!-- #ifdef APP-PLUS -->
        <view class="version_name">{{ version }}</view>
        <!-- #endif --> 
		<view class="content">
			<jyf-parser ref="article"></jyf-parser>
		</view>
	</view>
</template>
<script>
import jyfParser from '@/components/common/jyf-parser/jyf-parser.vue';
// #ifdef APP-PLUS
import { getCurrentNo } from '@/plugins/APPUpdate';
// #endif
export default {
	components: { jyfParser },
	data() {
		return {
			aboubUs: {
				introduction: '<div></div>'
			},
			config: {},
			base: {},
            version: ""
		};
	},
	onLoad() {
		this.base = this.$base;
		this.pageData();
        // #ifdef APP-PLUS
        getCurrentNo(res => {
        	this.version = res.versionName;
        });
        // #endif
	},
	methods: {
		pageData() {
			this.$http.get('api/open/v1/conf').then(res => {
				this.aboubUs = res.aboubUs;
				this.config = res;
				this.$refs.article.setContent(res.aboubUs.introduction);
			});
		}
	}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.about_page {
	background-color: #fff;
	min-height: 100vh;
	padding-bottom: 50rpx;
}
.logo {
	display: flex;
	justify-content: center;
	padding-top: 60rpx;
	image {
		width: 180rpx;
		height: 180rpx;
		border-radius: 15rpx;
	}
}
.name {
    font-size: 36rpx;
    color: #333333;
    text-align: center;
    margin-top: 30rpx;
}
.version_name {
    text-align: center;
    margin-top: 10rpx;
    font-size: 28rpx;
    color: #333333;
    opacity: 0.6;
}
.content {
	padding: 72rpx 60rpx;
	font-size: 32rpx;
	text-align: center;
	color: #333333;
	line-height: 150%;
}
</style>
